<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <link rel="shortcut icon" type="image/x-icon" href="sa-frame/admin-logo.png" class="admin-icon">
    <title>登录</title>
    <link rel="stylesheet" href="static/plugins/login/css/normalize.min.css">
    <link rel="stylesheet" href="static/plugins/login/css/style.css">
    <link rel="stylesheet" href="static/plugins/layui/css/layui.css">
</head>

<body>
<div id="formContainer" class="dwo">
    <div id="captcha-box" style="position: fixed;z-index: 9"></div>
    <div class="formLeft">
        <img id="avatar" src="static/plugins/login/images/avatar.png">
    </div>
    <div class="formRight">
        <!-- Forgot password form -->
        <form id="forgot" class="otherForm">
            <header>
                <h1>忘记密码</h1>
                <p>输入邮箱找回密码</p>
            </header>
            <section>
                <label>
                    <p>邮箱</p>
                    <input type="email" placeholder=" ">
                    <div class="border"></div>
                </label>
                <button type="submit">发送邮件</button>
            </section>
            <footer>
                <button type="button" class="forgotBtn">返回</button>
            </footer>
        </form>

        <!-- Login form -->
        <form>
            <header>
                <h1>欢迎回来</h1>
                <p>请先登录</p>
            </header>
            <section>
                <label>
                    <p>用户名</p>
                    <input type="text" placeholder=" " id="loginName">
                    <div class="border"></div>
                </label>
                <label>
                    <p>密码</p>
                    <input type="password" placeholder=" " id="loginPass">
                    <div class="border"></div>
                </label>
                <button type="button" id="subLogin">登 录</button>
            </section>
            <footer>
                <button type="button" class="forgotBtn">忘记密码？</button>
                <button type="button" class="registerBtn">新用户？</button>
            </footer>
        </form>

        <!-- Register form -->
        <form id="register" class="otherForm">
            <header>
                <h1>用户注册</h1>
                <p>注册后享受更多服务</p>
            </header>
            <section>
                <label>
                    <p>用户名</p>
                    <input type="text" placeholder=" ">
                    <div class="border"></div>
                </label>
                <label>
                    <p>邮箱</p>
                    <input type="email" placeholder=" ">
                    <div class="border"></div>
                </label>
                <label>
                    <p>密码</p>
                    <input type="password" placeholder=" ">
                    <div class="border"></div>
                </label>
                <label>
                    <p>重复密码</p>
                    <input type="password" placeholder=" ">
                    <div class="border"></div>
                </label>
                <button type="submit">注 册</button>
            </section>
            <footer>
                <button type="button" class="registerBtn">返回</button>
            </footer>
        </form>
    </div>
</div>
<script src="static/plugins/jquery/jquery.js"></script>
<script src="static/plugins/layui/layui.js"></script>
<script src="./static/sa.js"></script>
<script src="static/plugins/other/crypto-js.js"></script>
<script src="static/plugins/other/ase.js"></script>
<script src="static/plugins/login/login.js"></script>
<script src="static/plugins/tac/load.min.js"></script>
</body>
</html>
